<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.D1{
				width: 200px;
				height: 200px;
				float: left;
				
				border-width: 2px;/*边框宽度*/
				border-color: red;
				border-style: dashed;/*边框样式:solid-实线 dotted-点线 dashed-虚线*/
			    border: solid 2px green;/*边框属性缩写*/
			   
			   /*边框可以分为4个方向分别设置*/
			  border-top: dashed black 4px;
			  border-bottom: dashed darkblue 4px;
			  border-left: dashed fuchsia 4px;
			  border-right: dashed #0000FF 4px;
			  
			  /*没有边框border:none;*/
			 }
			 .D2{
			 	width: 200px;
				height: 200px;
				float:left;
			 	/*常用的细边框样式*/
			 	border: solid 1px #ccc;
			 }
		</style>
	</head>
	<body>
		<div class="D1">我的Div1</div>
		<div class="D2">我的Div2</div>
	</body>
</html>
